<template>
	<view class="x">
		<!-- 左边 -->
		<div class="y" style="border-right: 1px solid #eee" >
			<span>当季热卖</span>
			<span>切果</span>
			<span>苹果</span>
		</div>
		<!-- 右边 -->
		<div  class="y">				
				<div class="x" style="align-items: center;">
					<div  style="flex: 1;" class="x">
						<span style="color: #55aa00;border-bottom: 4px solid #55aa00;">全部</span>
						<span>短袖</span>
						<span>长袖</span>
						<span>裤子</span>
					</div>
					<img src="/static/下载.png" style="height: 10px;width: 10px;"/>
				</div>
				<img src="/static/G2uavD.png" style="height: 90px;border-radius: 10px;width: 94%; margin: 10px;"/>
				<span>全部</span>
				<div class="y">
					<div class="x">	
							<img  src="/static/logo.png" style="width: 50px;height: 50px;margin: 10px;"></img>
							<div class="y">
								<div>商品名称</div>
								<div>商品描述</div>
								<div class="x" style="justify-content: space-between;flex: 1;">
									<div>现价格</div>
										<div>原价格</div>
										<img src="/static/add.png" style="width: 20px;height: 20px;"></img>
								</div>
							</div>
					</div>
				</div>
		</div>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

	span{
		color: #333;
		padding: 10px 20px;
	}
</style>
